<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>

		<link rel="stylesheet" href="css/bootstrap.3.4.1.css">
		<link rel="stylesheet" href="css/main.css">
	</head>
	<body>


		<div class="navbar navbar-default">


			<div class="container">

				<ul class="nav navbar-nav">

					<li><a href="#">国内</a></li>
					<li><a href="#">国际</a></li>
					<li><a href="#">社会</a></li>
					<li><a href="#">军事</a></li>
					<li><a href="#">财务</a></li>

				</ul>


				<ul class="nav navbar-nav navbar-right">

					<li><a href="#">登录</a></li>
					<li><a href="#">注册</a></li>


				</ul>



			</div>


		</div>

		<div class="container">


			<div class="col-xs-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae ad debitis
				laudantium earum eum natus asperiores repellat voluptatem ut fuga aliquid facilis illum. Fuga ipsum
				voluptatem deserunt quisquam nihil eos!</div>
			<div class="col-xs-7">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure necessitatibus dolores
				voluptate voluptatibus aut sit laudantium quaerat ipsam eius illum impedit similique sequi nihil quod ad
				voluptatem sapiente. Quidem qui.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem
				possimus suscipit quae quod expedita reprehenderit omnis aspernatur laborum numquam voluptatibus
				incidunt quam quibusdam quidem reiciendis nobis maiores ratione error illo.</div>
			<div class="col-xs-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum esse illum aliquid
				amet sint tempore harum eveniet illo voluptatum ipsa in similique maxime quam? Quisquam maxime cumque
				sapiente sit sed?</div>


		</div>
	</body>
</html>
